<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org" xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
  layout:decorator="layouts/layout" th:with="header='入库记录', subtext='管理系统中入库记录数据'" style="overflow: hidden;">

<head>
  <title>入库记录</title>
</head>
<body style="overflow: hidden;">

  <th:block layout:fragment="content">
    <div id="query-area" class="box-body m-b-sm border-bottom">
      <form class="form-horizontal search-form" role="form">
        <div class="row">

            <div class="col-sm-3">
                <div class="form-group">
                    <label class="control-label col-sm-3">容器编码</label>
                    <div class="col-sm-9">
                        <input type="text" id="containnum" name="containnum" placeholder="输入容器编码搜索" class="form-control" />
                    </div>
                </div>
            </div>

            <div class="col-sm-3">
              <div class="form-group">
                  <label class="control-label col-sm-3">物料编码</label>
                  <div class="col-sm-9">
                    <input type="text" id="material" name="material" placeholder="输入物料编码或描述搜索" class="form-control" />
                  </div>
              </div>
            </div>

            <div class="col-sm-3">
                <div class="form-group">
                    <label class="control-label col-sm-3">物料WBS</label>
                    <div class="col-sm-9">
                        <input type="text" id="fromLotattr07" name="fromLotattr07" placeholder="输入物料WBS搜索" class="form-control" />
                    </div>
                </div>
            </div>

            <!--
            <div class="col-sm-3">
                <div class="form-group">
                    <label class="control-label col-sm-3">交易编号</label>
                    <div class="col-sm-9">
                        <input type="text" id="number" name="number" placeholder="输入编号搜索" class="form-control" />
                    </div>
                </div>
            </div>
            -->

            <div class="col-sm-3">
                <div class="form-group">
                    <label class="control-label col-sm-3">入库单号</label>
                    <div class="col-sm-9">
                        <input type="text" id="docnum" name="docnum" placeholder="输入入库单号搜索" class="form-control" />
                    </div>
                </div>
            </div>

            <div class="text-left">
                <div class="col-sm-3">
                    <div class="form-group">
                        <label class="control-label col-sm-3">业务类型</label>
                        <div class="col-sm-9">
                            <select name="category" id="category" class="form-control">
                                <option value="">请选择</option>
                                <option value="PO">外购物料入库</option>
                                <option value="SM">自制物料入库</option>
                                <!--<option value="KIT">生产配盘入库</option>-->
                                <option value="OT">其他物料入库</option>
                                <option value="CHANGE">空托入库</option>
                            </select>

                        </div>
                    </div>
                </div>
            </div>


            <div class="col-sm-3">
                <div class="form-group">
                    <label class="control-label col-lg-3 label-width-1">收货日期起</label>
                    <div class="col-lg-9"> <input id="fromdate" name="fromdate" class="form-control form_datetime">
                    </div>
                </div>
            </div>
            <div class="col-sm-3">
                <div class="form-group">
                    <label class="control-label col-lg-3 label-width-1">至</label>
                    <div class="col-lg-9"> <input id="todate" name="todate" class="form-control form_datetime">
                    </div>
                </div>
            </div>



        </div>
        <div class="row m-t">
          <div class="col-lg-12 seach-button">
            <div class="pull-right">
              <button type="submit" id="search" class="btn btn-primary">
                <i class="fa fa-search"></i> 搜索
              </button>
              <button type="reset" id="clear" class="btn btn-danger">
                <i class="fa fa-remove"></i> 清除
              </button>
            </div>
          </div>
        </div>
      </form>
    </div>

    <div class="row">
      <div class="col-lg-12">
        <div class="box">
          <div class="box-body">
            <h2>
              <!--
              <a  class="btn btn-primary btn-sm" th:href="@{|${baseUrl}/add|}" th:title="添加交易">
                <i class="fa fa-fw fa-plus"></i> 添加
              </a>
              -->
              <a  class="btn btn-danger btn-sm delAll" href="javascript:;" th:if="${@sec.authorized('__|${baseUrl}/del|__')}" th:title="删除交易">
                <i class="fa fa-fw fa-trash"></i> 删除
              </a>
              <a  class="btn btn-primary btn-sm cancelAll" href="javascript:;" th:title="取消收货">
                  <i class="fa fa-remove"></i> 取消收货
              </a>
              <a class="btn btn-info export" th:title="导出数据">
                 <i class="fa fa-fw fa-cloud-upload"></i> 导出
              </a>
            </h2>
              <div id="tableWrapper">
                  <table id="table" class="table table-striped table-hover table-bordered table-fixed">
                      <thead style="position:sticky;top:0;z-index:10;">
                      <tr>
                          <th style="width:50px;">
                              <a href="javascript:;" class="selectAll" title="全选">全选</a>
                          </th>


                          <th style="width:90px;">业务类型</th>
                          <th style="width:80px;">容器编码</th>
                          <th style="width:100px;">入库单号</th>
                          <th style="width:50px;">行号</th>
                          <th style="width:90px;">物料编码</th>
                          <th style="width:220px;">物料描述</th>
                          <th style="width:100px;">物料WBS</th>
                          <th style="width:70px;">货权方</th>
                          <th style="width:70px;">入库数量</th>
                          <th style="width:60px;">单位</th>
                          <th style="width:70px;">供应商</th>
                          <th style="width:140px;">收货时间</th>
                          <th style="width:90px;">操作员</th>

                  </tr>
                </thead>
                <tbody>
                </tbody>
              </table>
            </div>
          </div>
        </div>
      </div>
    </div>
    <form id="delForm" method="post" style="display: none" th:action="@{|${baseUrl}/del|}">
      <input id="ids" type="hidden" name="ids" />
    </form>
    <form id="cancelForm" method="post" style="display: none" th:action="@{|${baseUrl}/cancel|}">
      <input id="ids" type="hidden" name="ids" />
    </form>

    <form id="exportForm" method="post" style="display: none" th:action="@{|${baseUrl}/export|}">
    </form>

  </th:block>
  <th:block layout:fragment="scripts">
      <script th:src="@{|${theme}/js/app/inbound/recvtrans_list.js?v=${applicationVersion}|}" th:inline="javascript"></script>
      <script th:src="@{|${theme}/plugins/datetimepicker/bootstrap-datetimepicker.min.js?v=${applicationVersion}|}" th:inline="javascript"></script>
      <script th:src="@{|${theme}/plugins/datetimepicker/locales/bootstrap-datetimepicker.zh-CN.js?v=${applicationVersion}|}" th:inline="javascript"></script>
  </th:block>
</body>

</html>
